<template>
    <div class="head">
     <div class="headerBox">
      <div class="header border-b">
        <div class="headerText textover ft18">帮助中心</div>
        <div class="left-back" @click="clickHandler()">
          
        </div>
        <div class="right-more"></div>
      </div>
    </div>
    </div>
</template>
<script>
export default {
     methods:{
        clickHandler(){
            this.$router.back(-1);
        },
    }
}
</script>
<style lang="stylus" scoped>
.head
  background-color #f5f5f5
  height 100%
  overflow auto
.header {
  width: 100%;
  height: 0.5rem;
  background: #fff;
  line-height: 0.5rem;
  color: #333;
  position: relative;
  border-bottom: 0.01rem solid #f3f3f3;
}

.headerText {
  text-align: center;
  margin: 0 0.65rem;
}

.textover {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}

.ft18 {
  font-size: 0.18rem;
}

.left-back {
  width: 0.35rem;
  height: 0.35rem;
  background: url('../assets/img/topIco.bc556dcf.png') 0 0 no-repeat;
  background-size: 0.35rem auto;
  position: absolute;
  left: 0.05rem;
  top: 0.07rem;
  background-position: 0 0;
}

.right-more {
  width: 0.35rem;
  height: 0.35rem;
  background: url('../assets/img/topIco.bc556dcf.png') 0 0 no-repeat;
  background-size: 0.35rem auto;
  position: absolute;
  right: 0.05rem;
  top: 0.07rem;
  background-position: 0 -0.7rem;
}
</style>